<template>
  <a-card :bordered="false">
    <a-tabs default-active-key="1" @change="callback">
      <a-tab-pane key="1" tab="充值明细">
        <ErpOilPayMoneyList ref="erpOilPayMoney" ></ErpOilPayMoneyList>
      </a-tab-pane>
      <a-tab-pane key="2" tab="提现明细" force-render>
        <ErpOilWithdrawDetailList ref="erpOilWithdrawDetail"></ErpOilWithdrawDetailList>
      </a-tab-pane>
    </a-tabs>

  </a-card>
</template>

<script>
import ErpOilPayMoneyList from './modules/ErpOilPayMoneyList'
import ErpOilWithdrawDetailList from './modules/ErpOilWithdrawDetailList'
export default {
    name: 'oilLedgerMain',
    components: {
      ErpOilPayMoneyList,
      ErpOilWithdrawDetailList
    },
    data() {
        return {
            
        }
    },
    methods: {
      callback(key){
        if(key == '1'){
            this.$refs.erpOilPayMoney.loadData()
        }else {
            this.$refs.erpOilWithdrawDetail.loadData()
        }
      }
    }
}
</script>

<style scoped>
    @import '~@assets/less/common.less';
</style>